<!DOCTYPE html>
<html lang="en" class="index_body">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=10">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <title>城市逾期率</title>
    <link rel="stylesheet" href="/Public/mui/computer/css/bootstrap.css"/>
    <link rel="stylesheet" href="/Public/mui/computer/css/index.css"/>
    <link rel="stylesheet" href="/Public/mui/css/page.css"/>
    <link rel="stylesheet"  href="/Public/mui/static/bower_components/sweetalert/dist/sweetalert.css">
</head>
<body class="index_body">
<include file="Lay:heder" />
<div id="section" style="padding-top: 20px">
    <div class="seach_du_lian">
        <!--独立搜索-->
        <div class="du_seach">
             <p class="du_seach_p">独立搜索区</p>
            <div class="seach_du_lian_div">
                <div class="du_seach_input">
                    <label>城市名称/行政区号</label>
                    <input type="text" name="cutomecity"  placeholder="请输入要搜索的城市名称/行政区号" style="width: 54%">
                </div>
                <button type="button"  class="btn_seach cucityoverduetype">搜索</button>
            </div>
        </div>
        <!--联动搜索-->
        <div class="lian_seach container-fluid">
            <p class="du_seach_p">联动搜索区</p>
            <div class="seach_du_lian_div lian_seach_r">
               <div class="seach_l">
                   <label for="">省份/城市</label>
                   <select name="" id="sheng">
                       <option value="">请选择省份</option>
                   </select>
                   <select name="" id="shi">
                       <option value="">请选择城市</option>
                   </select>
                   <!-- <label for="">客户当前状态</label>
                   <select name="" id="kehu">
                       <option value="">全部</option>
                       <option value="1">逾期</option>
                       <option value="2">未逾期</option>
                       
                   </select> -->
               </div>
                <div class="seach_l seach_l_d">
                    <label for="">城市逾期率</label>
                    <input type="radio" name="0" value="0" class="radio" checked="true">
                    <select name="" id="0"  class="select_time">
                        <option value="0">全部</option>
                        <option value="1">当月</option>
                        <option value="2">上月</option>
                        <option value="3">第3月</option>
                        <option value="4">第4月</option>
                        <option value="5">第5月</option>
                        <option value="6">第6月</option>
                        <option value="7">第7月</option>
                        <option value="8">第8月</option>
                        <option value="9">第9月</option>
                        <option value="10">第10月</option>
                        <option value="11">第11月</option>
                        <option value="12">第12月</option>
                    </select>
                    <input type="radio" name="0" value="1" class="radio">
                    <label for="">当前</label>
                    <span class="posi_r">
                      <input type="text" id="start" disabled="disabled">
                      <span class="year_s">月</span>
                    </span>
                    <label for="" style="margin:0">至</label>
                    <span class="posi_r" style="margin-right: 2%">
                      <input type="text" id="end" disabled="disabled">
                      <span class="year_s">月</span>
                     </span>
                    <span class="posi_r"> 
                      <input type="text" id="startrate">
                      <spa class="year_s">%</span>
                    </span>
                    <label for="" style="margin:0">至</label>
                    <span class="posi_r"> 
                      <input type="text" id="endrate" >
                      <span class="year_s">%</span>
                    </span>
                    <span class="posi_r"> 
                      <input type="text" id="signrate" style="border: 1px solid #E41F1C">
                      <span style="color: #E41F1C" class="year_s">%</span>
                    </span>
                    <label for="" style="margin:0">至</label>
                    <span class="posi_r"> 
                      <input type="text" id="signendrate" style="border: 1px solid #E41F1C">
                      <span style="color: #E41F1C" class="year_s">%</span>
                    </span>
                </div>
                
                <button type="button" class="lian_btn_seach cutomeoverduecity">搜索</button>
            </div>
        </div>
    </div>
<!--导出exl-->
    <div class="more_btn">
        <button type="button" value="1" class="cityoverdue">导出年度报表</button>
        <button type="button" value="2" class="cityoverdue">导出季度报表</button>
        <button type="button" value="3" class="cityoverdue">导出上月报表</button>
        <button type="button" value="4" class="cityoverdue">导出当月报表</button>
        <button type="button" value="5" class="cityoverdue">导出当前报表</button>
    </div>
    <!--表格-->
    <div class="table_content_new">
        <table class="table table-hover all_table table-striped" id="datatable">
            <thead class="thead_item all_thead">
              <tr class="tr_checkbox">
                <!-- <th>
                    <input type="checkbox">
                </th>
                <th>
                    <input type="checkbox">
                </th>
                <th>
                    <input type="checkbox">
                </th>
                <th>
                    <input type="checkbox">
                </th>
                <th>
                    <input type="checkbox">
                </th>
                <th>
                    <input type="checkbox">
                </th>
                <th>
                    <input type="checkbox">
                </th>
                <th>
                    <input type="checkbox">
                </th>
                <th>
                    <input type="checkbox">
                </th>
                <th>
                    <input type="checkbox">
                </th>
                <th>
                    <input type="checkbox">
                </th>
                <th>
                    <input type="checkbox">
                </th> -->
                
              </tr>
              <tr>
              <tr class="tr_item_title">
                 <th>序号</th><th>城市名称</th><th>所属省份</th><th>GW在职总数</th><th>城市渠道激活数</th><th>CS姓名</th>
                 <th>CS岗位号</th> <th>SZ姓名</th>  <th>SZ岗位号</th> <th>总逾期数</th> <th>总逾期比</th> <th>总逾期率</th>
              </tr>
            </thead>
            <tbody class="tbody_tr table_hover">
              <tr class="table_hover">
                <td colspan="12">请选择搜索条件</td>
              </tr>

            </tbody>
        </table>
    </div>
    <include file="News:news" />
    <div class="black2">
        <div class="cityoverdue_pass">
        </div>
    </div>
</div>
<div class="mask-layer" style="display: none">
    <div class="mask-layer-black"></div>
    <div class="mask-layer-container">
        <div class="mask-layer-container-operate">
            <!-- <button class="mask-prev btn-default-styles" style="float: left">上一张</button> -->
            <button class="mask-out btn-default-styles">放大</button>
            <button class="mask-in btn-default-styles">缩小</button>
            <button class="mask-clockwise btn-default-styles">顺旋转</button>
            <button class="mask-counterclockwise btn-default-styles">逆旋转</button>
            <button class="mask-close btn-default-styles">关闭</button>
            <!-- <button class="mask-next btn-default-styles" style="float: right">下一张</button> -->
        </div>
        <div class="mask-layer-imgbox auto-img-center">
            <p>
                <img id="imgmodeltanchu" src="" alt="" style="width: 620px; margin-top: 43.5px;height: 100%">
            </p >
        </div>
    </div>
</div>
<script src="/Public/Home/js/jquery.2.1.1min.js"></script>
<script src="/Public/mui/computer/js/enlarge.js"></script>
<script type="text/javascript" src="/Public/mui/static/bower_components/sweetalert/dist/sweetalert.min.js"></script>
<script type="text/javascript" src="/Public/mui/computer/js/jquery.form.js"></script>
<script src="/Public/mui/computer/js/base64.min.js"></script>
<!-- <script type="text/javascript" src="/Public/mui/computer/js/functions.js"></script> -->
<!-- <script type="text/javascript" src="/Public/mui/computer/js/customer.js"></script> -->
<!-- <script type="text/javascript" src="/Public/mui/computer/js/cityoverdue.js"></script> -->
<!-- <script type="text/javascript" src="/Public/mui/computer/js/excellentexport.js"></script> -->
<!-- <script src="/Public/mui/computer/js/back.js"></script> -->
<script>
    var time = Math.random();
    document.write("<s"+"cript type='text/javascript' src='/Public/mui/computer/js/customer.js?v="+time+"'></scr"+"ipt>");
    document.write("<s"+"cript type='text/javascript' src='/Public/mui/computer/js/functions.js?v="+time+"'></scr"+"ipt>");
    document.write("<s"+"cript type='text/javascript' src='/Public/mui/computer/js/cityoverdue.js?v="+time+"'></scr"+"ipt>");
    document.write("<s"+"cript type='text/javascript' src='/Public/mui/computer/js/excellentexport.js?v="+time+"'></scr"+"ipt>");
    document.write("<s"+"cript type='text/javascript' src='/Public/mui/computer/js/back.js?v="+time+"'></scr"+"ipt>");
    (function(){
        var heught_l=$(".lian_seach").height();
        $(".du_seach").css("height",heught_l);
    }());

    window.onresize=function(){
     var heught_l=$(".lian_seach").height();
     $(".du_seach").css("height",heught_l);
    }
</script>
</body>
</html>